// .relative{
//     width: 500px;
//     height: 500px;
//     margin: 0 auto;
//     border: 2px solid red;
//     position: relative;
//     left: 10px;
//     top: 10px;
//     .absolute{
//         width: 300px;
//         height: 300px;
//         border: 1px dashed blue;
//         position: absolute;
//         top: 10px;
//         left: 10px;
//     }
// }
div {
    width: 10px;
    height: 100px;
    border-radius: 5px;
    background-color: red;
    position: relative;
    left:100px;
    animation: Move 5s linear infinite;
    transform-origin: center bottom;
}

@keyframes Move {
    from {transform: rotateZ(0deg)}
    to {transform: rotateZ(360deg)}
}